<template>
<view class="content">
	
    <time-line ref="timeline" location="center" title="行程"></time-line>
	<view class="footer-button">
		<button type="default" class="tripAdd">添加行程</button>
	</view>
</view>
</template>
<script>
    import timeLine from '../../components/xuan-timeLine/xuan-timeLine.vue'
    export default {
		Scroll() {
		this.$refs.timeline.getScroll();
		},
        data() {
            return {
                time:0,
                isclick:true,
            }
        },
        components:{
           timeLine
        },
        onLoad() {

        },
		Scroll() {
		if(this.isclick){
		    this.timer();
		    this.$refs.timeline.getScroll();
		}
		},
        methods: {
            timer(){
                if(this.time>0){
                    this.isclick=false;
                    this.time--;
                    setTimeout(this.timer,1)
                }
                else{
                    this.isclick=true;
                    this.time=10
                }
            }
        }
    }
</script>
<style>
	.footer-button{
		text-align: center;
		height: 100rpx;
		margin: 0 auto;
		bottom:120rpx;
		position: relative;
		
	}
	.tripAdd{
		display: block;
		width:40%;
		position:fixed;
		bottom:120rpx;
		background-color: #1890FF;
		color: #FFFFFF;
		border-radius: 50px;
		font-size: 16px;
margin-left: 30%;
z-index: 10001;
	}
</style>